<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的关注</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" href="../../static/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" th:href="@{/static/css/shoppingCart.css}">
    <link rel="stylesheet" th:href="@{/static/css/myOrder.css}">
    <link rel="stylesheet" th:href="@{/static/css/brandSpike.css}">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="stylesheet" th:href="@{/static/css/concernShop.css}">
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>


<!--页面内容-->
<div class="or-body">
    <div class="or-body-content">
<!--        左边标题栏-->
        <div class="my-left">
            <dl class="my-dl">
                <dt class="my-dt">个人中心</dt>
                <dd class="my-dd"><a href="/user/myVault">我的金库</a></dd>
            </dl>
            <dl class="my-dl">
                <dt class="my-dt">购物中心</dt>
                <dd class="my-dd"><a th:href="@{http://localhost:8080/user/shoppingTrolley}">购物车</a></dd>
                <dd class="my-dd"><a th:href="@{http://localhost:8080/user/myOrder}">我的订单</a></dd>
                <dd class="my-dd"><a th:href="@{http://localhost:8080/concernShop}">已收货商品</a></dd>
            </dl>
            <dl class="my-dl" style="margin-bottom: 0;">
                <dt class="my-dt">账户安全</dt>
                <dd class="my-dd"><a href="/user/myVault">基本信息</a></dd>
            </dl>
        </div><!--&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;-->
        <div class="or-body-right">
            <div class="or-content-top shop-top">
                <ul id="s-user-hide-ul">
                    <li class="s-hide-active">已收货商品</li>
<!--                    <li>关注的店铺</li>-->
                </ul>
            </div>
            <div class="shop-content" >
                <ul class="s-user-hide-ul" id="s-hide-content">
                    <li class="s-content shop-li">
                        <div class="shop-goods" >
                            <div class="shop-goods-instruction" th:each="orderall:${orderAll.getList()}">
                                <img th:src="@{'/static/img/'+${orderall.getPicPath()}}"><br>
                                <div class="shop-goods-word"><span th:text="${orderall.getShippingName()}"></span></div>
                                <div class="shop-goods-price" th:text="'￥'+${orderall.getPrice()}">32.90</div>
                                <div class="shop-goods-instruction-bottom">
                                    <div class="shop-goods-function shop-order" data-toggle="modal" data-target="#myModal2"
                                         th:data-goods="${orderall.getShippingName()}"
                                         th:data-orderid="${orderall.getOrderId()}"
                                         th:data-consigntime="${orderall.getConsignTime()}"
                                         th:data-number="${orderall.getNum()}"
                                         th:data-price="${orderall.getPrice()}"
                                         th:data-creatime="${orderall.getCreateTime()}"
                                         th:data-endtime="${orderall.getEndTime()}"
                                         th:data-phone="${orderall.getBuyerNick()}"
                                         th:data-buyermessage="${orderall.getBuyerMessage()}"
                                    >商品详情</div>
                                    <div class="shop-goods-string"></div>
                                    <div class="shop-goods-function shop-goods-function2"><a th:href="@{'/goods/selectOneGood?goodId='+${orderall.getShippingCode()}}">再次购买</a></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 查看商品模态框（Modal） -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel2">
                    查看商品
                </h4>
            </div>
            <div class="modal-body">
                <div class="modal-in">商品：<span class="goods"></span></div>
                <div class="modal-in">编号：<span class="orderId"></span></div>
                <div class="modal-in">订单号：<span class="consignTime"></span></div>
                <div class="modal-in">手机号：<span class="phone"></span></div>
                <div class="modal-in">创建时间：<span class="creatime"></span></div>
                <div class="modal-in">收货时间：<span class="endtime"></span></div>
                <div class="modal-in">数量：<span class="number"></span></div>
                <div class="modal-in">金额：￥<span class="price"></span></div>
                <div class="modal-in">收货地址：<span class="buyerMessage"></span></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn-sm order-btn" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<!--以上为查看商品模态框-->






<script th:src="@{/static/jQuery/jquery.min.js}"></script>
<script th:src="@{/static/js/index.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script th:src="@{/static/js/myOrder.js}"></script>
<script th:src="@{/static/js/concernShop.js}"></script>
</body>
</html>